<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>encoder</title>
  <link rel="shortcut icon" href="converter.png" type=image/x-icon></link>
</head>
<body>

<div class="container">
  <!--标签-->
  <!-- <div class="row">
    <div class="col-lg-12"> -->
      <ul class="nav nav-tabs">
        <li class="active">
          <a href="#tab-n2a" data-toggle="tab">NATIVE/ASCII</a>
        </li>
        <li>
          <a href="#tab-n2u" data-toggle="tab">NATIVE/UTF-8</a>
        </li>
        <li>
          <a href="#tab-ent" data-toggle="tab">加密/解密</a>
        </li>
        <li>
          <a href="#tab-hash" data-toggle="tab">散列/哈希</a>
        </li>
        <li>
          <a href="#tab-b64" data-toggle="tab">BASE64</a>
        </li>
      </ul>
    <!-- </div>
  </div> -->
  <!--标签的内容-->
  <!-- <div class="row">
    <div class="col-lg-12"> -->
      <div class="tab-content" style="padding-top:10px;">
        <div class="tab-pane active fade in" id="tab-n2a">
          <textarea class="form-control myc" style="height: 400px; resize: none; border-top: none;" id="n2atxt"/></textarea>
          <button type="button" class="btn btn-default" id="n2a">native to ascii</button>&nbsp;&nbsp;&nbsp;
          <button type="button" class="btn btn-default" id="a2n">ascii to native</button>
        </div>
        <div class="tab-pane fade" id="tab-n2u">
          <textarea class="form-control myc" style="height: 400px; resize: none;" id="n2utxt"/></textarea>
          <button type="button" class="btn btn-default" id="n2u">native to utf-8</button>&nbsp;&nbsp;&nbsp;
          <button type="button" class="btn btn-default" id="u2n">utf-8 to native</button>
        </div>
        <div class="tab-pane fade" id="tab-ent">
          <div class="row myc form-inline">
            <textarea class="form-control" style="height: 400px; width:49%; resize: none;" id="entxt" placeholder="明文"></textarea>
            <textarea class="form-control" style="height: 400px; width:49%; resize: none; float:right;" id="dentxt" placeholder="密文"></textarea>
          </div>
          <div class="row myc form-inline">
            <select class="form-control" id="algorithm">
              <option value="0"">算法</option>
              <option value="aes">{{aes}}</option>
              <option value="des">{{des}}</option>
            </select>
            <input type="text" class="form-control" id="entkey" style="width:400px;"/>
            <button type="button" class="btn btn-default" id="ent">加密</button>&nbsp;&nbsp;&nbsp;
            <button type="button" class="btn btn-default" id="dent">解密</button>
          </div>
        </div>
        <div class="tab-pane fade" id="tab-hash">
          <div class="row myc form-inline">
            <textarea class="form-control" style="height: 400px; width:49%; resize: none;" id="txt_hen" placeholder="明文"></textarea>
            <textarea class="form-control" readonly style="height: 400px; width:49%; resize: none; float:right;" id="txt_hden" placeholder="密文"></textarea>
              <!-- <input type="text" class="form-control"/> -->
          </div>
          <div class="row myc form-inline">
            <button type="button" class="btn btn-default san" id="btn_md5">MD5</button>
            <button type="button" class="btn btn-default san" id="btn_sha1">SHA1</button>
            <button type="button" class="btn btn-default san" id="btn_sha224">SHA224</button>
            <button type="button" class="btn btn-default san" id="btn_sha256">SHA256</button>
            <button type="button" class="btn btn-default san" id="btn_sha384">SHA384</button>
            <button type="button" class="btn btn-default san" id="btn_sha512">SHA512</button>
          </div>
          <!-- <div class="row myc form-inline">
            <button type="button" class="btn btn-default hah" id="btn_hmacsha1">HmacSHA1</button>
          </div> -->
        </div>
        <div class="tab-pane fade" id="tab-b64">
          <div class="row myc form-inline">
            <textarea class="form-control" style="height: 400px; width:49%; resize: none;" id="bentxt" placeholder="明文"></textarea>
            <textarea class="form-control" style="height: 400px; width:49%; resize: none; float:right;" id="bdentxt" placeholder="密文"></textarea>
          </div>
          <div class="row myc form-inline">
            <button type="button" class="btn btn-default" id="bent">BASE64编码</button>&nbsp;&nbsp;&nbsp;
            <button type="button" class="btn btn-default" id="bdent">BASE64解码</button>
          </div>
        </div>
      </div>
    <!-- </div>
  </div> -->

</div>

</body>
</html>